<div class="body-top">
	
	<div>{$introduction nofilter}</div>
	
	<div class="hoc-form">
		<form action="{$action}" method="get" name="show">
			<div class="hoc-form-left">
				<div id="countries">
					<div class="select-title">Country:</div>
					<select name="country" id="select_countries" class="select-box">
						{foreach from=$countries item=country name=countries_loop}
						<option value="{$country->getCountryID()}" {if $country->getCountryID() == $selected_country}selected="selected"{/if}>{$country->getName()}</option>
						{/foreach}
					</select>
				</div>
			</div>
			<div class="hoc-form-right">
				<div>
					<div class="select-title">Type:</div>
					<select name="type" id="select_types" class="select-box">
						<option value="1" {if $botmap == true}selected="selected"{/if}>Bots</option>
						<option value="2" {if $supportermap == true}selected="selected"{/if}>Supporters</option>
					</select>
				</div>
			</div>		
			<input type="submit" class="show" value="Show"></input>
		</form>
	</div>
</div>

<div class="main" id="content"></div>

<script type="text/javascript">
{literal} 
function load() { 
{/literal}{$js nofilter}{literal}; 
}
window.onload=load
{/literal}
</script>